<%@page contentType="text/html; charset=utf-8"%>
<%@include file="/WEB-INF/views/common/taglibs.jspf" %>

<link rel="stylesheet" href="${ctx}/static/plugins/easyui/themes/bootstrap/extra_easyui.css" />

<%-- 
<link rel="stylesheet" href="${ctx}/static/plugins/easyui/themes/default/panel.css" />
<link rel="stylesheet" href="${ctx}/static/plugins/easyui/themes/default/datagrid.css" />
<link rel="stylesheet" href="${ctx}/static/plugins/easyui/themes/default/pagination.css" />
<link rel="stylesheet" href="${ctx}/static/plugins/easyui/themes/default/tree.css" />
 --%>
 
<title>系统资源管理</title>

<div class="page-header">
	<h1>
		系统资源树列表 
	</h1>
</div>
<div class="row">
	<div class="col-xs-12">
		<div class="row">
			<div class="col-xs-12">
				<button class="btn btn-purple btn-xs height-30" onclick="oSearch();">
					<i class="ace-icon fa fa-search"></i>
					搜索
				</button>
				<button class="btn btn-pink btn-xs height-30" onclick="resetSearch();">
					<i class="ace-icon fa fa-share bigger-100"></i>
					重置
				</button>
				<button class="btn btn-success btn-xs height-30" onclick="oTable.ajax.reload();">
					<i class="ace-icon fa fa-search"></i>
					刷新
				</button>
			</div>
		</div>
		<div class="space-2"></div>
	
		<div class="row">
			<div class="col-xs-12">
			
				<div id="tg"></div>
				
				<div id="tt"></div>
	
			</div>
		</div>
		
		<!-- PAGE CONTENT ENDS -->
	</div><!-- /.col -->
</div><!-- /.row -->

<script type="text/javascript">
var scripts = [null, 
               //"${ctx}/static/plugins/easyui/jquery.easyui.min.js", 
               "${ctx}/static/plugins/easyui/plugins/jquery.parser.js", 
               "${ctx}/static/plugins/easyui/plugins/jquery.panel.js", 
               "${ctx}/static/plugins/easyui/plugins/jquery.datagrid.js", 
               "${ctx}/static/plugins/easyui/plugins/jquery.pagination.js", 
               "${ctx}/static/plugins/easyui/plugins/jquery.treegrid.js", 
               "${ctx}/static/plugins/easyui/plugins/jquery.tree.js", 
               
               null];
$('.page-content-area').ace_ajax('loadScripts', scripts, function() {
	jQuery(function($) {
		$("#tg").treegrid({
			url : "/shine/demo/test/treegrid_data1.json", border: true,
			idField: 'id', treeField: 'name',
			columns: [[
				{ field: 'id', title: "id" },
				{ field: 'name', title: 'name'}
			]],
		});
		
		$("#tt").tree({
			url: "/shine/demo/test/tree_data1.json",
			idField: 'id', treeField: 'name', fit: true
		});
		
	});
});
</script>


